<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$info['title']}</title>
<style type="text/css">
body{background: #e6e7e8; color: #555555; margin: 0; padding: 0; font-size: 12px;}
.form-box{width: 1020px; margin: auto; box-shadow: 0px 8px 8px #a1a1a1;min-height: 1000px; background: #ffffff; position: relative;}
.logo{padding: 20px;}
.banner{position: relative;}

.form-body{display: flex;}
.form-body .content{padding: 10px; font-size: 14px;}
.form-body .item{width: 50%;}

.form{padding-bottom: 20px;}
.form .title, .relation .title{font-size: 18px; line-height: 45px;}
.form .c, .relation .c{background: #f1f1f1; padding: 10px;}

.footer{background: #e6e7e8; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; line-height: 30px; padding: 10px;}
</style>
</head>
<body>
	<div class="form-box">
		<div class="logo"><img src="https://na-ab25.marketo.com/rs/informaticacorp/images/logo.png" alt=""></div>

		<div class="banner"><img src="https://now.informatica.com/rs/867-MAO-634/images/lp01-SpringLaunch20.jpg"></div>

		<div class="form-body">
			<div class="content item">
				{$info['content']|raw}
			</div>
			<div class="item">
				<div class="form">
					<div class="title">立即注册</div>
					<div class="c"></div>
				</div>
				<div class="relation">
					<div class="title">教师</div>
					<div class="c"></div>
				</div>
			</div>
		</div>

		<div class="footer">
			© 2020 Informatica LLC. All Rights Reserved.www.informatica.comContact Us|Terms of Use|Privacy Policy
		</div>
	</div>
</body>
</html>